<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
	<meta charset="UTF-8">
	<title>第一题是考title</title>
	<link rel="stylesheet" href="css/main.css">
	<script src="../lib/jquery-3.2.1.js" type="text/javascript"></script>
	<script src="js/jq.js"type="text/javascript"></script>
	<script src="js/main.js" type="text/javascript"></script>
</head>
<body>
<img height="50%" id="img1" sizes="100px" src="img/1.jpg" width="50%">
<ul>
	<li>第三题是考列表</li>
	<li>unorderlist</li>
	<li>unorderlist</li>
</ul>
<ol>
	<li>第三题是考列表</li>
	<li>orderlist</li>
	<li>orderlist</li>
</ol>

<p id="para1">第四题是css层叠样式表</p>
<p class="class1">层叠样式表</p>
<p class="class1">层叠样式表</p>

<p>第五题考HTML段落&ltp&gt</p>

<a href="https://www.baidu.com">第六题考html链接语法</a>
<br>
<select name="select_box">
	<option value="第七题考下拉列表">第七题考下拉列表</option>
	<option value="d">d</option>
</select>
<br>
<a href="https://www.baidu.com">第八题还是考html链接语法</a>
<br>
<img alt="第九题考图片链接" src="1">
<br>
<input name="1" type="radio">第十题考单选和多选<br>
<input name="1" type="radio">name属性要一样才能单选<br>
<br>
<input name="2" type="checkbox">第十题考单选和多选<br>
<input name="2" type="checkbox">name属性要一样才能多选<br>
<br>
<a href="img/1.jpg">第十一题考相对链接</a><br>
<a href="file:///D:\PhpstormProjects\exam_review\Main\img\bg.jpeg">第十一题考绝对链接</a><br>

<a href="mailto:1213107752@qq.com">第十二题考电子邮件</a>
<br>
<div my_attribute="my_value123">第十三题考css属性选择器</div>
<br>
<div id="q15_jquery_hide">第十五题jQueryhide</div>
<button id="id_hide">隐藏</button>
<button id="id_show">显示</button>
<br>
<p class="intro">第十六题</p>
<progress max="2" value="1">第一题progress</progress>
<br>
<div id="header">
	<h1>div布局 标题</h1>
</div>
<div id="menu">
	<ol>
		<li>html</li>
		<li>css</li>
		<li>JavaScript</li>
	</ol>
</div>
<div id="content">
	<code>124
		gfda
		fdg f f</code>
</div>
<div id="footer">copyright jpd</div>

<div class="div1">css盒子模型 div1</div>
<div id="nth_child">
	<span>nth_child<br></span>
	<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br></span>
	<span>Phasellus auctor massa nec diam mollis, tincidunt ornare ligula commodo.<br> </span>
	<span>Nulla ex turpis, dapibus id metus in, sagittis lacinia arcu<br></span>
</div>
<div id="appendix"></div>
</body>
</html>